UX Design Tools: InDesign
1h 38m Intermediate Mar 18, 2014

At first glance, InDesign might not seem like a natural choice for UX design. But the interactive and animation tools that make InDesign great for designing ebooks and apps also happen to be ideal for designing wireframes and prototypes. In this installment of UX Design Tools, Justin Putney shows how to use InDesign's grid and guides to align wireframe objects, create shapes, save and reuse text and object styles, and add interactivity and motion to your designs. Plus, learn how to create alternative layouts and liquid layouts that automatically scale when displayed on different devices, and build a library of reusable artwork.
Topics include:

Setting up your InDesign files
Creating shapes
Stacking and grouping artwork
Adding placeholder text
Adding interactivity and motion to wireframes
Creating responsive wireframes
Using master pages and object styles
Exporting wireframes for clients and developers

UX Design Tools: Illustrator
1h 11m Intermediate Mar 11, 2014

The UX Design Tools series connects early UX creative processes—like wireframing and prototyping—with the tools and techniques necessary to create a successful product design. Illustrator is one of those tools, noteworthy for its type tools, spacious artboard, libraries of reusable artwork, and clean vector lines. In this course, Justin Putney shows how to use symbols to take advantage of reusability, organize your artwork into layers, use artboards to design different wireframes for multiple screens and different application states, and export wireframes to share with clients and developers.
Topics include:

Creating and positioning guides
Building shapes
Designing reusable symbols
Creating character and paragraph styles
Adding text
Using artboards to organize and display content
Exporting to multipage PDF


UX Design Tools: Photoshop
53m 24s Intermediate Mar 04, 2014

The UX Design Tools series makes the connection between early UX creative processes, like wireframing and prototyping, with the tools and techniques necessary to create a successful product design. This installment delves into the power of Adobe Photoshop. Justin Putney shows you how to create and edit live shapes, a key component in wireframes; store and display different application states with layer comps; export images and multilayer comps for sharing with clients and developers; and much more.
Topics include:

Setting up files
Building live shapes with the Rectangle tool
Using character and paragraph styles
Organizing content into layers
Building layer comps
Creating and reapplying custom shapes
Using Smart Objects to group and store elements
Saving and using layer effects
Exporting artwork